<template>
  <v-container>
    <doctor-detail :doctorInfo="doctorInfo"></doctor-detail>
    <subfield
      mainTitle="预约挂号"
      subtitle="费用由医院自行设定，平台不收取任何额外费用"
    >
      <dregistration></dregistration>
      <rules-card slot="notice" :container="firstGuide"></rules-card>
    </subfield>
    <subfield mainTitle="在线问诊" subtitle="">
      <inquiry-card
        v-for="(item, index) in inquiryCards"
        :key="index"
        :slot="item.slot"
        :icon="item.icon"
        :mainTitle="item.mainTitle"
        :price="item.price"
        :describe="item.describe"
      ></inquiry-card>
      <rules-card slot="notice" :container="secondGuide"></rules-card>
    </subfield>
    <subfield mainTitle="服务包" subtitle="">
      <ser-package></ser-package>
      <rules-card slot="notice" :container="thirdGuide"></rules-card>
    </subfield>
    <subfield mainTitle="患者评价" subtitle="">
      <comment class="my-2"></comment>
    </subfield>
  </v-container>
</template>



<script>
import Comment from "../components/expert/comment.vue";
import doctorDetail from "../components/expert/doctorDetail.vue";
import Dregistration from "../components/expert/Dregistration.vue";
import Subfield from "../components/expert/subfield.vue";
import inquiryCard from "../components/expert/inquiryCard.vue";
import RulesCard from "../components/expert/rulesCard.vue";
import SerPackage from "../components/expert/serPackage.vue";
export default {
  data() {
    return {
      doctorInfo: null,

      inquiryCards: [
        {
          slot: "left",
          icon: "\ue629",
          mainTitle: "图文问诊",
          price: 200,
          describe: "通过文字、图片语音等问诊",
        },
        {
          slot: "mid",
          icon: "\ueca5",
          mainTitle: "视话问诊",
          price: 350,
          describe: "预约时间与医生进行电话、视讯问诊",
        },
      ],
      firstGuide: {
        mainTitle: "医院预约规则",
        texts: [
          "科室规则",
          "年龄≥1个月可预约",
          "医院规则",
          "新班次18：00点更新",
          "部分热门专家就诊前，需在收到短信后，进行确认回复。",
        ],
      },
      secondGuide: {
        mainTitle: "在线问诊须知",
        texts: [
          "1、医生开通图文问诊服务：您可通过文字/图片/语音进行问诊， 医生利用业余时间为您解答。",
          "2、医生开通视话问诊服务：在预约时间内，医生根据候诊顺序，通过电话、视讯与您进行沟通。",
          "3、医生的回复仅为建议，具体诊疗需前往医院进行。",
        ],
      },
      thirdGuide: {
        mainTitle: "服务包介绍",
        texts: [
          "服务包是医生根据多年临床经验，个性化定制的长期健康管理和专病诊疗服务。具有下列优势：",
          "1.精准预约专家，体验名医一对一服务。",
          "2.轻松便捷看病，线上线下轻松就医。",
          "3.长期健康管理，享受医生健康关怀",
          "使用流程：用户购买后请及时绑定就诊人，并发起相应服务内容，更多服务包相关问题可联系客服。 客服联系方式：95169020 周一至周五 9：00-17：00 （法定节假日除外）",
        ],
      },
    };
  },

  components: {
    doctorDetail,
    Dregistration,
    Comment,
    Subfield,
    inquiryCard,
    RulesCard,
    SerPackage,
  },
  mounted() {
    this.$axios
      .get(`doctors/getAllDoctorInfo?doctorInfoId=${this.$route.params.id}`)
      .then(({ data }) => {
        this.doctorInfo = data;
      });
  },
};
</script>



<style lang="scss" scoped>
</style>
